<!DOCTYPE html>
<html>

<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<title>Playonline</title>

<!-- Bootstrap Core CSS -->
<link href="/newplayonline/style/css/bootstrap.min.css" rel="stylesheet">

<style type="text/css">
.jumbotron {
	margin-top: 70px;
}
</style>

</head>



<body ng-app="myApp" ng-controller="Usuario">

	<div ng-include src="'/newplayonline/page/menu.html'"></div>

	<div id="wrap">
		<div id="main" class="container clear-top">
			<div class="row">

				<!-- Main jumbotron for a primary marketing message or call to action -->
				<div class="jumbotron">

					<div class="alert alert-success" role="alert" ng-show="!mostraForm">
						<strong>Very good!</strong> Cadastro realizado com sucesso.
					</div>

					<form class="form-horizontal" ng-show="mostraForm">

						<div class="form-group">
							<label for="inputNome" class="control-label col-xs-2">Nome</label>
							<div class="col-xs-6">
								<input id="inputNome" ng-model="nome" class="form-control">
							</div>
						</div>
						<div class="form-group">
							<label for="inputCPF" class="control-label col-xs-2">CPF</label>
							<div class="col-xs-6">
								<input id="inputCPF" ng-model="cpf" class="form-control" ui-cpf>
							</div>
						</div>
						<div class="form-group">
							<label for="inputDTNascimento" class="control-label col-xs-2">Data
								de Nascimento</label>
							<div class="col-xs-6">
								<input id="inputDTNascimento" ng-model="dtNascimento" ui-date
									class="form-control">
							</div>
						</div>

						<div class="form-group">
							<label for="inputSexo" class="control-label col-xs-2">Sexo</label>
							<div class="col-md-6">
								<label class="radio-inline" for="inputSexo"> <input
									type="radio" name="sexo" id="sexo-0" value="1" ng-model="sexo">Masculino
								</label> <label class="radio-inline" for="sexo-1"> <input
									type="radio" name="sexo" id="sexo-1" value="2" ng-model="sexo">
									Feminino
								</label>
							</div>
						</div>

						<div class="form-group">
							<label for="inputEmail" class="control-label col-xs-2">Email</label>
							<div class="col-xs-6">
								<input id="inputEmail" ng-model="email" class="form-control">
							</div>
						</div>

						<div class="form-group">
							<label for="inputEmailConfirma" class="control-label col-xs-2">Confimarme
								Email</label>
							<div class="col-xs-6">
								<input id="inputEmailConfirma" ng-model="confirmEmail"
									class="form-control" placeholder="Confimarme seu Email">
							</div>
						</div>

						<div class="form-group">
							<label for="inputSenha" class="control-label col-xs-2">Senha</label>
							<div class="col-xs-6">
								<input id="inputSenha" ng-model="senha" type="password"
									class="form-control">
							</div>
						</div>

						<div class="form-group">
							<label for="inputSenhaConfirma" class="control-label col-xs-2">Confirme
								senha</label>
							<div class="col-xs-6">
								<input id="inputSenhaConfirma" ng-model="confirmSenha"
									type="password" class="form-control"
									placeholder="Confirme senha">
							</div>
						</div>

						<legend>Dados para contato</legend>

						<div class="form-group">
							<label for="inputCelular" class="control-label col-xs-2">Celular</label>
							<div class="col-xs-6">
								<input id="inputCelular" ng-model="celular" class="form-control">
							</div>
						</div>

						<div class="form-group">
							<label for="inputTelefoneResidencial"
								class="control-label col-xs-2">Telefone residêncial</label>
							<div class="col-xs-6">
								<input id="inputTelefoneResidencial" ng-model="residencial"
									class="form-control">
							</div>
						</div>

						<div class="form-group">
							<label for="inputTelefoneContato" class="control-label col-xs-2">Telefone
								contato</label>
							<div class="col-xs-6">
								<input id="inputTelefoneContato" ng-model="telContato"
									class="form-control"
									placeholder="Iniforme um numero para contato">
							</div>
						</div>

						<div class="form-group">
							<label for="inputNomeContato" class="control-label col-xs-2">Nome
								do contato</label>
							<div class="col-xs-6">
								<input id="inputNomeContato" ng-model="nomeContato"
									class="form-control" placeholder="Nome do seu contato">
							</div>
						</div>

						<div class="form-group">
							<label for="inputCEP" class="control-label col-xs-2">CEP</label>
							<div class="col-xs-6">
								<input id="inputCEP" ng-model="cep" class="form-control">
							</div>
						</div>

						<!-- Select Basic -->
						<div class="form-group">
							<label for="inputEstado" class="control-label col-xs-2">Estado</label>
							<div class="col-md-6">
								<select id="estado" ng-model="estado" name="estado"
									class="form-control">
									<option value="-1">Selecione Estado</option>
									<option value="1">Minas gerais</option>
									<option value="2">Goiania</option>
									<option value="3">São Paulo</option>
								</select>
							</div>
						</div>

						<div class="form-group">
							<label for="inputCidade" class="control-label col-xs-2">Cidade</label>
							<div class="col-xs-6">
								<input id="inputCidade" ng-model="cidade" class="form-control">
							</div>
						</div>

						<div class="form-group">
							<div class="col-xs-offset-2 col-xs-10">
								<button type="button" class="btn btn-primary"
									ng-click="eviarNovoUsuario();">Enviar</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>

	<!--Criar Pagefooter  -->
	<div ng-include src="'footer.html'"></div>

	<script src="/newplayonline/javascript/recursos/jquery-1.11.1.js"></script>

	<script
		src="/newplayonline/javascript/recursos/jquery.maskedinput-1.1.4.pack.js"></script>

	<script type="text/javascript"
		src="/newplayonline/javascript/recursos/angular_2.min.js"></script>
		
	<script type="text/javascript"
		src="/newplayonline/javascript/control/angular-route.js"></script>


	<script type="text/javascript"
		src="/newplayonline/javascript/control/usuario.js"></script>



</body>

</html>